<div class="wrap">
  <div id="icon-index" class="icon32"></div>
  <h2><?php e($pageTitle) ?></h2>

  <div id="report-list" class="fLeft" style="width:795px; margin-left:3px; border:1px solid #ccc;">
    <div class="title"><?php e($pageTitle) ?></div>
    <div class="toolbar" style="padding:3px 0 0 3px;">
      <div class="fLeft">
        Date: <input type="text" id="dateRange" value="Choose a Date" class="input" style="width:130px;" />
        <span style="padding-left:8px;"><?php __('Stockist'); ?>: </span>
        <select id="stockistId" class="select" style="margin-right:5px;">
          <option value=""><?php __('select..'); ?></option>
<?php foreach ($stockist as $id=>$name) { ?>
          <option value="<?php e($id); ?>"><?php e($name); ?></option>
<?php } ?>
        </select>
        <div class="search" onclick="getReport();">&nbsp;</div>
      </div>
      <div id="report-list-status" style="display:none;"><?php __('loading'); ?>..</div>
    </div>
    <div style="clear:both;"></div>
    <div id="report-list-body" style="overflow:auto; width:795px; height:337px;">

    </div>
  </div>
  <div class="clear"></div>
</div>

<script>
var _webroot = '<?php e($this->base); ?>';
<?php $this->addScript('Ext.onReady(function() { init(); });'); ?>
</script>